export default function Corner() {
  return (
    <div className="details-bg">
      <svg
        xmlns="http://www.w3.org/2000/svg"
        xmlnsXlink="http://www.w3.org/1999/xlink"
        width="154"
        height="154"
        viewBox="0 0 154 154"
      >
        <defs>
          <clipPath id="clip-path">
            <rect
              id="Rectangle_2238"
              data-name="Rectangle 2238"
              width="154"
              height="154"
              transform="translate(9467 350)"
              fill="#fff"
              stroke="#707070"
              strokeWidth="1"
            />
          </clipPath>
          <clipPath id="clip-corner-image-active">
            <rect width="154" height="154" />
          </clipPath>
        </defs>
        <g id="corner-image-active" clipPath="url(#clip-corner-image-active)">
          <g
            id="Corner-image-active-2"
            data-name="Corner-image-active"
            transform="translate(-9467 -350)"
            clipPath="url(#clip-path)"
          >
            <path
              id="Subtraction_34"
              data-name="Subtraction 34"
              d="M-3857.365,1740.766h0l-7.07-7.07,12.89-12.89v14.142l-5.818,5.818Zm-14.142-14.142h0l-7.071-7.07,27.033-27.033v14.143l-19.96,19.96Zm-14.143-14.143h0l-7.07-7.069,41.175-41.175v14.142Zm-14.142-14.142h0l-7.07-7.069,55.317-55.317v14.142Zm-14.142-14.142h0l-7.07-7.069,69.459-69.459v14.142Zm-14.142-14.142h0l-7.07-7.069,76.739-76.739h6.862v7.28Zm-14.143-14.143h0l-7.07-7.069,62.6-62.6h14.142Zm-14.142-14.142h0l-7.07-7.069,48.454-48.454h14.142Zm-14.142-14.142h0l-7.07-7.069,34.312-34.312h14.142Zm-14.142-14.142h0l-7.07-7.069,20.17-20.17h14.142Zm-14.142-14.142h0l-7.071-7.071,6.027-6.027h14.144l-13.1,13.1Zm367.24-56.114v-.909l.455.455-.453.453Z"
              transform="translate(13472.546 -1236.766)"
              fill="var(--corner-fill)"
            />
          </g>
        </g>
      </svg>
    </div>
  );
}
